<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<title>FossilPlot at Idaho State University</title>
		<meta name="keywords" content="Leif Tapanila, Fossil Plot, Fossilplot, FossilPlot, fossilplot, Sepkoski, compendium, diversity, paleontology, paleoecology, evolution, curve, geoscience, education, teaching">
		<meta name="description" content="FossilPlot at Idaho State University">



<link rel="stylesheet" type="text/css" href="./styles/basicFile.css">
<link rel="stylesheet" type="text/css" href="./styles/tabber.css">
<script type="text/javascript" src="./js/tabber.js"></script>

<script type="text/javascript">
<!--
  // Tabber created by: Patrick Fitzgerald | http://www.barelyfitz.com
  document.write('<style type="text/css">.tabber{display:none;}<\/style>');
//-->
</script>
<script type="text/javascript">
<!--
/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.com
Created by: Jerome Caron ::  */

team = new Array(
new Array(
new Array("Saku Koivu", 39482304),
new Array("Martin Rucinsky", 34802389),
new Array("Jeff Hackett", 39823498),
new Array("Sheldon Sourray", 87587343),
new Array("Richard Zednik", 68798735),
new Array("Brian Savage", 98098509),
new Array("Stephane Robidas", 49490583),
new Array("Patrice Brisebois", 32898334),
new Array("Oleg Petrov", 92340934),
new Array("Chad Kilger", 34923409),
new Array("Benoit Brunet", 59384093),
new Array("Jan Bulis", 83948023),
new Array("Patrick Traverse", 41239812),
new Array("Jose Theodore", 98402398),
new Array("Craig Darby", 82393434),
new Array("Patric Poulin", 34290348),
new Array("Karl Dykhuis", 89092834)
),
new Array(
new Array("Mario Lemieux", 23840238),
new Array("Jaromir Jagr", 92390484),
new Array("Robert Lang", 29048203),
new Array("Alexei Kovalev", 94098230),
new Array("Jean-Sebastien Aubin", 39234923),
new Array("Kevin Stevens", 29345423)
),
null,
new Array(
new Array("Alexei Yashin", 20394802),
new Array("Daniel Alfredson", 34982039),
new Array("Marian Hossa", 92348902),
new Array("Patrick Lalime", 98203894),
new Array("Radek Bonk", 98234902)
)
);
function fillSelectFromArray(selectCtrl, itemArray, goodPrompt, badPrompt, defaultItem) {
var i, j;
var prompt;
// empty existing items
for (i = selectCtrl.options.length; i >= 0; i--) {
selectCtrl.options[i] = null;
}
prompt = (itemArray != null) ? goodPrompt : badPrompt;
if (prompt == null) {
j = 0;
}
else {
selectCtrl.options[0] = new Option(prompt);
j = 1;
}
if (itemArray != null) {
// add new items
for (i = 0; i < itemArray.length; i++) {
selectCtrl.options[j] = new Option(itemArray[i][0]);
if (itemArray[i][1] != null) {
selectCtrl.options[j].value = itemArray[i][1];
}
j++;
}
// select first item (prompt) for sub list
selectCtrl.options[0].selected = true;
   }
}
//-->
</script>








<script type="text/javascript">
function lookup_phylum(){
	leftPos = 0
	  if (screen) {
		leftPos = screen.width-525
  	}
  	editWindow = window.open('phylum.php','editWindow','toolbar=no,location=yes,scrollbars=yes,width=500,height=500left='+leftPos+',top=100,alwaysRaised=true, resizable=yes');		

}

function lookup_class(){
	leftPos = 0
	  if (screen) {
		leftPos = screen.width-525
  	}
  	editWindow = window.open('class.php','editWindow','toolbar=no,location=yes,scrollbars=yes,width=500,height=500left='+leftPos+',top=100,alwaysRaised=true, resizable=yes');		

}

function lookup_order(){
	leftPos = 0
	  if (screen) {
		leftPos = screen.width-525
  	}
  	editWindow = window.open('order.php','editWindow','toolbar=no,location=yes,scrollbars=yes,width=500,height=500left='+leftPos+',top=100,alwaysRaised=true, resizable=yes');		

}

function lookup_absdates(){
	leftPos = 0
	  if (screen) {
		leftPos = screen.width-525
  	}
  	editWindow = window.open('absdates.php','editWindow','toolbar=no,location=yes,scrollbars=yes,width=500,height=500left='+leftPos+',top=100,alwaysRaised=true, resizable=yes');		

}


</script>


</head>



<body background="ripple2.jpg">
<table width="611" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr> 
    <td height="95"><img src="FossilPlot-Banner.jpg" width="611" height="118" align="center"></td>
  </tr>
</table>
<table width="611" border="0" align="center">
  <tr> 
    <td width="118"> 
      <div align="left"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="117" height="25">
          <param name=movie value="button2.swf">
          <param name=quality value=high>
          <param name="BGCOLOR" value=""><param name="SCALE" value="noborder">
          <embed src="button2.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="117" height="25" bgcolor="" scale="noborder">
          </embed> 
        </object></div>
    </td>
    <td width="117"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="117" height="25">
        <param name=movie value="button3.swf">
        <param name=quality value=high>
        <param name="BGCOLOR" value=""><param name="SCALE" value="noborder">
        <embed src="button3.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="117" height="25" bgcolor="" scale="noborder">
        </embed> 
      </object></td>
    <td width="118"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="117" height="25">
        <param name=movie value="button4.swf">
        <param name=quality value=high>
        <param name="BGCOLOR" value=""><param name="SCALE" value="noborder">
        <embed src="button4.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="117" height="25" bgcolor="" scale="noborder">
        </embed> 
      </object></td>
    <td width="118"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="117" height="25">
        <param name=movie value="button5.swf">
        <param name=quality value=high>
        <param name="BGCOLOR" value=""><param name="SCALE" value="noborder">
        <embed src="button5.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="117" height="25" bgcolor="" scale="noborder">
        </embed> 
      </object></td>
    <td width="118"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="117" height="25">
        <param name=movie value="button1.swf">
        <param name=quality value=high>
        <param name="BGCOLOR" value=""><param name="SCALE" value="noborder">
        <embed src="button1.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="117" height="25" bgcolor="" scale="noborder">
        </embed> 
      </object></td>
  </tr>
</table>

<table width="611" border="0" align="center">
<tr>
<td>

<?php
echo " <a href=\"javascript:lookup_phylum()\">View Phylum</a> ";
?>

</td>

<td>

<?php
echo " <a href=\"javascript:lookup_class()\">View class</a> ";
?>

</td>
<td>

<?php
echo " <a href=\"javascript:lookup_order()\">View order</a> ";
?>

</td>



<td>

<?php
echo " <a href=\"javascript:lookup_absdates()\">View absdates</a> ";
?>

</td>

<tr>
</table>



<div id=EchoTopic>









<div id="content">

<!-- Tabs Start -->

<div class="tabber" id="tab1">

<!-- General Tab -->

<div class="tabbertab" title="Genus">
<h2>General</h2>
<p class="demo">
Automatically adjusts the values in the selection box depending on the item selected in the drop down menu. Awesome!</p>
<br>
<?php
echo " <a href=\"javascript:lookup_absdates()\">View absdates</a> ";
?>
<!-- Demonstration -->

<p style="text-align: center;">

<form name="main">
<select name="Make" onchange="fillSelectFromArray(this.form.Team, ((this.selectedIndex == -1) ? null : team[this.selectedIndex-1]));">
<option value="-1">Select Team
<option value="1">Montreal Canadiens
<option value="2">Pittsburg Penguins
<option value="3">Toronto Maple Leafs
<option value="4">Ottawa Senators
</select>
<br>
<select name="Team" size="5">
<option>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
<option>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
<option>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
<option>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
<option>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>

</select>
</form>
</p>
</div>
<!-- /General Tab -->

<!-- Notes Tab -->

<div class="tabbertab" title="Phylum">
<h2>search genus</h2>
<ul><li>test</li>
<li>Posted: </li>
</ul>
</div>

<!-- /Notes Tab -->

<!-- Source Code Tab -->

<div class="tabbertab" title="Class">
<h2>Source Code</h2>
<p>
Paste this source code into the designated areas.</p>

<!-- Source Code Sub-Tabs -->



</div>



<div class="tabbertab" title="Order">
<h2>Source Code</h2>
<p>
Paste this source code into the designated areas.</p>

<!-- Source Code Sub-Tabs -->

`

</div>


<!-- /Source Code Tab -->

<!-- Comments Tabs -->
<div class="tabbertab" title="User Comments">
<h2>User Comments</h2>

<script type="text/javascript">

   function doReply(replyTo) {
      if (document.forms["CommentEntryForm"]) {
         document.forms["CommentEntryForm"].elements["reply_to"].value = replyTo;
         window.location.hash = "#comment_entry_form";
         if (document.forms["CommentEntryForm"].elements["user_name"].focus) {
            document.forms["CommentEntryForm"].elements["user_name"].focus();
         }
         return false;
      }
      else {
         return true;
      }
   }

   jss_comWin = null;
   function checkWin(winName) {
      if ((!window.jss_comWin)       ||
         (window.jss_comWin == null) ||
         (window.jss_comWin.closed)) {
         var features = "height=480,width=620,titlebar=no,resizable=yes,scrollbars=yes";
         jss_comWin = window.open('',winName,features);
      }
      else if (window.jss_comWin.focus) {
         jss_comWin.focus();
      }
   }


   sc_captcha_to = null;
   function check_captchas() {
      if (!document.getElementById) return;
      var captcha_image = document.getElementById('sc_captcha_img');
      var captcha_audio = document.getElementById('sc_captcha_mp3');
      var captcha_table = document.getElementById('captcha_table');
      if (captcha_image               && 
          captcha_audio               &&
          captcha_table               &&
          (captcha_table.style.display != 'block')) {
         captcha_image.onerror = switch_captchas;
         captcha_image.onabort = switch_captchas;
         captcha_image.onload  = cancel_switch;
         captcha_image.src     = "http://image.captchas.net/?client=LeeUnd&amp;random=55a4f6f488220d89a9bd3718edd09c7a&amp;alphabet=0123456789".replace(/&amp;/g, '&');
         sc_captcha_to = window.setTimeout("switch_captchas()", 10000);
         captcha_table.style.display = 'block';
      }
   }
   function cancel_switch() {
      window.clearTimeout(sc_captcha_to);
      sc_captcha_to = null;
   }
   function switch_captchas() {
      cancel_switch();
      var captcha_image = document.getElementById('sc_captcha_img');
      var captcha_audio = document.getElementById('sc_captcha_mp3');
      if (captcha_image && captcha_audio) {
         captcha_image.onerror = null;
         captcha_image.onabort = null;
         captcha_image.onload  = null;
         captcha_image.src.replace('captchas.net', 'backup.captchas.net');
         captcha_audio.href.replace('captchas.net', 'backup.captchas.net');
      }
   }


// If this is a subsequent page of the comments display, 
// be sure to automatically focus on the User Comments 
// tab. 

   if ((document.getElementsByTagName) &&
       (window.location.search.indexOf('start_comment=') != -1)) {
      var aDivs = document.getElementsByTagName('div');
      for (var i=0; i<aDivs.length; i++) {
         var theDiv = aDivs[i];
         if (theDiv.title == "User Comments") {
           if (theDiv.className) theDiv.className = theDiv.className + " tabbertabdefault";
           else theDiv.className = "tabbertabdefault";
         }
      }
   }
</script>
<style type="text/css">
   .threadlevel1 {margin-left:0px}
   .threadlevel2 {margin-left:10px; background-color:#FFFFCC}
   .threadlevel3 {margin-left:20px}
   .threadlevel4 {margin-left:30px; background-color:#FFFFCC}
   .threadlevel5, .threadlevel6, .threadlevel7,
   .threadlevel8, .threadlevel9, .threadlevel10 
                 {margin-left:40px}
   .commInf {display:inline}
   .comment br {font-size:6px}
</style>
<fieldset class="comments">

<form action="/cgi-bin/comments.pl" method="post" name="CommentEntryForm"
      target="commentWindow" onsubmit="checkWin('commentWindow'); return true">
   <input class="not" type="hidden" name="article_key" value="/forms/auto-drop-down.html" />
   <input class="not" type="hidden" name="reply_to" value="" />
<small>[For questions about usage, consult the <em>Notes</em> tab above or visit the <a href="http://www.webdeveloper.com/forum/forumdisplay.php?f=3">JavaScript forum</a>]</small><br><br>



<label class="box" for="user_name"><a name="comment_entry_form">Your name:</a></label>&nbsp;&nbsp;&nbsp;&nbsp;<input class="box" type="text" size="40" onfocus="check_captchas()" name="user_name" value="">
<br class="left">
<label class="box" for="user_email">Your E-mail:</label>&nbsp;&nbsp;&nbsp;<input class="box" type="text" size="40" name="user_email" value="">
<br class="left">
<label class="box" for="user_url">Your URL:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input class="box" type="text" size="40" name="user_url" value=""><br><small><em>[optional field]</em></small>
<br class="left">
<label class="box" for="user_subj">Your subject:</label>&nbsp;<input class="box" type="text" size="40" name="user_subj" value=""><br><small><em>[optional field]</em></small>
<br class="left">

<label class="box" for="user_text">Your comment:</label><textarea class="box" cols="60" rows="10" name="user_text" wrap="soft"></textarea>
<br class="left">
   <div id="captcha_table" style="display:none">
      <table cellpadding="2" cellspacing="0" border="1">
      <tr><td align="center" valign="middle">CAPTCHA Verification<br />
Please enter the code displayed to the right in the box below:<br />
<input type="text" size="10" name="captcha_word" value="" /><input type="hidden" name="captcha_hash" value="55a4f6f488220d89a9bd3718edd09c7a" /><input type="hidden" name="captcha_img" value="http://image.captchas.net/?client=LeeUnd&amp;random=55a4f6f488220d89a9bd3718edd09c7a&amp;alphabet=0123456789" /><input type="hidden" name="captcha_mp3" value="http://audio.captchas.net/?client=LeeUnd&amp;random=55a4f6f488220d89a9bd3718edd09c7a&amp;alphabet=0123456789" /></td>
          <td align="center" valign="middle">
      <img id="sc_captcha_img" src="/img/t.gif" width="240" height="80" alt="CAPTCHA Image" /><br />

<a id="sc_captcha_mp3" href="http://audio.captchas.net/?client=LeeUnd&amp;random=55a4f6f488220d89a9bd3718edd09c7a&amp;alphabet=0123456789" target="_blank">Hear it!</a></td>
      </tr>
      </table></div>

<p style="text-align: center;">
<input type="submit" value="Review" name="action">&nbsp;
<input type="submit" value="Add" name="action">&nbsp;
<input type="submit" value="Clear" name="action"></p>
</form>
</fieldset>
<p style="text-align:center"><a href="/cgi-bin/comments.pl?action=rss&article_key=/forms/auto-drop-down.html">Comments feed <img src='/img/feed-icon-14x14.png' width='14' height='14' alt='Comment Feed RSS 2.0' border='0' /></a></p>

   <div class="threadlevel1">

<div class="comment">
<form action="/cgi-bin/comments.pl" method="post" class="commInf" onsubmit="return doReply(this.elements['reply_to'].value)">
<p style="float:right; margin:0px 0px 4px 4px"><input type="hidden" name="article_key" value="/forms/auto-drop-down.html" /><input type="hidden" name="action" value="submit" /><input type="hidden" name="reply_to" value="c71cbe4d322f68b28992b87c355fe7d7" /><input type="submit" value="reply" /></p>
<h4><a name="comment12">12</a>. From: <a href="http://www.pasaload.biz/Hockey_Teams.html">Boris</a><br>Numbers After Names<br><em class="date">01/19/2008 21:23:45</em></h4>
<em class="comm">Thanks a lot for your contribution!<br />What is the significance of the numbers after each athlete&#39;s name? Are they random? I was trying to change the Team/Athlete format to a country/province format, but when I copied the numbers again, the script stopped working,<br /><br />Thanks for your input</em></form>
<hr noshade="noshade" size="1"></div></div>

   <div class="threadlevel2">

<div class="comment">
<form action="/cgi-bin/comments.pl" method="post" class="commInf" onsubmit="return doReply(this.elements['reply_to'].value)">
<p style="float:right; margin:0px 0px 4px 4px"><input type="hidden" name="article_key" value="/forms/auto-drop-down.html" /><input type="hidden" name="action" value="submit" /><input type="hidden" name="reply_to" value="c71cbe4d322f68b28992b87c355fe7d7-56670ee1abcfbfada341a5a58fcdef7f" /><input type="submit" value="reply" /></p>
<h4><a name="comment13">13</a>. From: <a href="http://javascript.internet.com/">Lee Underwood</a> (Admin)<br><em class="date">01/29/2008 13:08:28</em></h4>
<em class="comm">To tell you the truth, I&#39;m not sure what the numbers are for. I removed them and it worked fine, i.e.,<br /><br />new Array("Marian Hossa"),<br /><br />There is a script <a href="http://javascript.internet.com/forms/country-state-drop-down.html">already written</a> for what you want to do.</em></form>

<hr noshade="noshade" size="1"></div></div>

   

   

   

   

   

   

   

   



</div>
<!-- /Comments Tabs -->

</div>
<!-- Tabs End -->

<!-- begin "send script" & "subscribe" -->
			 





<!-- middle column content end -->

</div>


 


<!-- Site Meter -->
<script type="text/javascript" src="http://s29.sitemeter.com/js/counter.js?site=s29FossilPlot">
</script>
<noscript>
<a href="http://s29.sitemeter.com/stats.asp?site=s29FossilPlot" target="_top">
<img src="http://s29.sitemeter.com/meter.asp?site=s29FossilPlot" alt="Site Meter" border="0"/></a>
</noscript>
<!-- Copyright (c)2006 Site Meter -->
</html>